---
title: 模态框尺寸
description: 宽 vs 紧凑
---

# 模态框尺寸

## 宽 vs 紧凑尺寸

默认情况下，RainbowKit的`modalSize`设置为`宽`（看起来像这样）：

<Img src="/modal-default.png" height="569" width="1029" />

我们还提供了一种`紧凑`的模态框尺寸，看起来像这样：

<Img src="/modal-compact.png" height="569" width="1029" />

要将您的模态框尺寸设置为`紧凑`，只需在`RainbowKitProvider`中添加`modalSize="compact"`属性：

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider modalSize="compact" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);
```
